<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui"> 
    <h:body>
        <!--            <h:form>  
                    <p:growl id="messages" autoUpdate="true"/>  
                    <p:panelMenu style="width:200px">  
                        <p:submenu label="FUTEBOL">  
                            <p:menuitem value="Acessórios"/>  
                            <p:menuitem value="Bolas"/>  
                            <p:menuitem value="Chuteiras"/>  
                            <p:menuitem value="Fardamentos"/> 
                            <p:menuitem value="Tênis"/> 
                        </p:submenu>  
                        <p:submenu label="BASQUETE">  
                            <p:menuitem value="Acessórios"/>  
                            <p:menuitem value="Bolas"/>                          
                            <p:menuitem value="Fardamentos"/> 
                            <p:menuitem value="Tabelas"/>  
                            <p:menuitem value="Tênis"/> 
                        </p:submenu>
                        <p:submenu label="RUNNING">  
                            <p:menuitem value="Acessórios"/>  
                            <p:menuitem value="Bonés"/>  
                            <p:menuitem value="Hidratação"/>  
                            <p:menuitem value="Monitores"/> 
                            <p:menuitem value="Tênis"/> 
                        </p:submenu>
                        <p:submenu label="CASUAL">  
                            <p:menuitem value="Acessórios"/>  
                            <p:menuitem value="Bonés"/>  
                            <p:menuitem value="Calças"/>  
                            <p:menuitem value="Camisetas"/> 
                            <p:menuitem value="Óculos"/> 
                        </p:submenu>
                        <p:separator />  
                        
                    </p:panelMenu>  
                </h:form>  -->

        <div id="navigation">

        <p:dataList value="#{categoriaBean.categoriasPrincipais}" var="c">  
            <a href="#{facesContext.externalContext.requestContextPath}/faces/produtocategoria.xhtml?cid=#{c.id}" title=""><span>#{c.nome}</span></a>
        </p:dataList>  
        <!--    <li class="first"><a href="#" class="active" title="Home"><span>Home</span></a></li>
            <li><a href="#" title="Models"><span>Models</span></a></li>
            <li><a href="#" title="Gallery"><span>Gallery</span></a></li>
            <li><a href="#" title="Accessories"><span>Accessories</span></a></li>
            <li><a href="#" title="Contacts"><span>Contacts</span></a></li>-->
        <div class="cl"> </div>
    </div>
</h:body>
</html>
